<template>
	<view class="securityStaffList">
		<view class="title">{{dataList.length}}项流程</view>
		<view class="staff-list">
			<view class="bor_None" v-if="dataList.length == 0">
				<view class="bor_Noneone">
					<image class="bor_Noneimage" src="https://clhy-img.oss-cn-beijing.aliyuncs.com/2023-04-07_image/9015d0e9f45344c4007d408cd271f6a.png" mode=""></image>
				</view>
				<view class="bor_Nonetext">暂无工作流程</view>
			</view>
			<view  v-for="(item,index) in dataList" :key="index" @click="navTo('/homePage/technological/workprocessDetail',item)">
				<view class="list-title">{{item.workflow_name}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		
		data() {
			return {
				dataList:[],
				pageIndex: 1,
			};
		},
		onShow() {
			this.getRocess()
		},
		methods:{
			getRocess(){
				this.$request.api.getworkRelease({
					pageIndex: this.pageIndex,
					pagesize: 10,
					projectId:uni.getStorageSync('projectItem').proId,
					user_idS:uni.getStorageSync('projectItem').ownerUserId,
					// user_idS:245,
					workflow_state:2
				}).then(res => {
					this.dataList = res.data.data.datalist
					console.log(this.dataList)
				})
			},
			navTo(url,item) {
				let items = encodeURIComponent(JSON.stringify(item))
				uni.navigateTo({
					url: url + '?item='+ items
				});
			},
		}
	}
</script>

<style lang="scss">
	.securityStaffList{
		position: relative;
		.title{
			line-height: 88rpx;
			padding: 0rpx 30rpx;
			background: #F9F9F9;
			font-size: 26rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
		}
		.staff-list{
			height: 88rpx;
			background: #FFFFFF;
			line-height: 88rpx;
			padding:0rpx 36rpx;
			border-bottom: 1rpx solid #EEEEEE;
			// box-sizing: border-box;
			.list-title{
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #333333;
				background: url(https://clhy-img.oss-cn-beijing.aliyuncs.com/ownerImage/right.png)no-repeat center right;
				background-size: 18rpx 24rpx;
			}
		}
		.add-process {
			width: 102rpx;
			height: 102rpx;
			position: fixed;
			right: 36rpx;
			bottom: 230rpx;
		}
		
	}
	.bor_None{
		.bor_Noneone{
			width: 232px;
			height: 242px;
			margin: 110px auto;
			.bor_Noneimage{
				width: 100%;height: 100%;	
			}
		}
		.bor_Nonetext{
			width: 62%;margin: -66px auto;text-align: center;color: #999;
		}
		
	}
</style>
